<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>布局</title>
    <link rel="stylesheet" href="./css/layout.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="head container">
            <div class="logo">
                logo
            </div>
            <ul class="nav">
                nav
            </ul>
            <div class="search">
                search
            </div>
        </div>
    </header>
    <!-- banner -->
    <div class="banner container">
        <div class="category">
            产品分类
        </div>
        <div class="swiper">
            轮播图
        </div>
    </div>
    <div class="remommends container clearfix">
        <div class="re-item"></div>
        <div class="re-item"></div>
        <div class="re-item"></div>
        <div class="re-item"></div>
    </div>
    <div class="home-banner container">

    </div>
    <div class="hot-goods container clearfix">
        <div class="hot-con">
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
        </div>
        <div class="hot-con">
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
            <div class="hot-item"></div>
        </div>
    </div>
    <div class="sell-goods container clearfix">
        <div class="sell-goods-con fl">
            <div class="sell-big-item fl"></div>
            <div class="sell-big-item fr"></div>
        </div>
        <div class="sell-goods-con fr">

        </div>
    </div>
    <footer>
        <div class="foot container">
            <div class="foot-item"></div>
            <div class="foot-item"></div>
            <div class="foot-item"></div>
            <div class="foot-item"></div>
            <div class="foot-item"></div>
        </div>
    </footer>
    <div class="fixed">
        <div class="fixed-item"></div>
        <div class="fixed-item"></div>
        <div class="fixed-item"></div>
        <div class="fixed-item">
            <a href="#top" class="back-top">回到顶部</a>
        </div>
    </div>

</body>

</html>